{#
 This Source Code Form is subject to the terms of the Mozilla Public
 License, v. 2.0. If a copy of the MPL was not distributed with this
 file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{% extends "mozorg/diversity/2021/index.html" %}

{% block content %}



<main>
  <!-- Heading leading to pages -->
  <section class="no-js-hidden mzp-l-content">
    <div class="c-section-wrapper">
      <h2><span class="highlight violet">What we build</span></h2>
      <h3 class="c-subtitle"><strong>Our outreach with Mozilla products</strong></h3>
      <p>We have an opportunity to demonstrate our commitment to diversity, equity, and inclusion through our products, services, and platforms.</p>
    </div>
    <div class="c-section-wrapper">
      <h3><span class="highlight black">Product @ Mozilla Summit 2021</span></h3>
      <p>The Mozilla product community came together for our first Product Summit to explore the theme of “Aligning our efforts to meaningfully impact the world through our products”. The summit kicked off with a keynote talk from Roberto Verganti, author of Overcrowded: Designing Meaningful Products in a World Awash with Ideas. Five prepared talks by members of the product community covered themes such as ethics, delivering impact, aligning efforts, and product management career development. The event concluded with two panels, including a Women In Product panel with senior leaders sharing their experiences with career development, impostor experience, relationship building, and delivering impact. Strong, positive feedback from the post-event survey indicated we should have more events like this in the future. In response, the product community will now have quarterly mini summits to discuss how to make Mozilla’s product development and practices more inclusive, accessible, and collaborative. This summit is an example of the many ways Mozilla employees think critically about how our products impact the world and how to support one another in that endeavor.</p>
    </div>
    <div class="c-article-list">
      <div class="c-section-wrapper">
        <h3><span class="highlight black">Pocket</span></h3>
        <p>In 2021, Pocket continued to amplify, honor, and celebrate the experiences of a diverse array of communities around the world. If joy is a form of resistance, Pocket served as a force, offering joyful and celebratory collections that center minoritized peoples. Pocket-curated collections allowed audiences to meaningfully explore current events and historic movements in order to build connection and understanding. These collections garnered over 217,000 views.</p>
        <div class="mzp-l-card-half">
          {{ card(
          title='8 Latinx publications you should read and support every day',
          ga_title='8 Latinx publications you should read and support every day',
          class='has-modal mzp-c-card-large',
          attributes='data-modal-id="pocket-latinx-publications"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#pocket-latinx-publications',
          image=resp_img('img/mozorg/diversity/2021/card-images/pocket-latin-publications.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
          {{ card(
          title='Celebrating the history of HBCU homecoming',
          ga_title='Celebrating the history of HBCU homecoming',
          class='has-modal',
          attributes='data-modal-id="pocket-hbcu-homecoming"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#pocket-hbcu-homecoming',
          image=resp_img('img/mozorg/diversity/2021/card-images/pocket-hbcu-homecoming.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
          </div>
          <div class="mzp-l-card-third">
          {{ card(
          title='How the internet is changing the migrant experience',
          ga_title='How the internet is changing the migrant experience',
          class='has-modal',
          attributes='data-modal-id="pocket-migrant-experience"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#pocket-migrant-experience',
          image=resp_img('img/mozorg/diversity/2021/card-images/pocket-migrant-experience.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
          {{ card(
          title='How to make the most of time off',
          ga_title='How to make the most of time off',
          class='has-modal',
          attributes='data-modal-id="pocket-time-off"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#pocket-time-off',
          image=resp_img('img/mozorg/diversity/2021/card-images/pocket-taking-time-off.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
          {{ card(
          title='Latinos, language, and identity: the evolution of Hispanic Heritage month',
          ga_title='Latinos, language, and identity: the evolution of Hispanic Heritage month',
          class='has-modal',
          attributes='data-modal-id="pocket-hispanic-heritage"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#pocket-hispanic-heritage',
          image=resp_img('img/mozorg/diversity/2021/card-images/pocket-latinx.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
        </div>
        <div class="mzp-l-card-half">
          {{ card(
          title='Mental health month series: Pocket’s Joy Lists',
          ga_title='Mental health month series: Pocket’s Joy List project',
          class='has-modal',
          attributes='data-modal-id="pocket-mental-health"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#pocket-mental-health',
          image=resp_img('img/mozorg/diversity/2021/card-images/pocket-wellbeing.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
          {{ card(
          title='Remembering and honouring Dr. Martin Luther King Jr.',
          ga_title='Remembering and honouring Dr. Martin Luther King Jr.',
          class='has-modal mzp-c-card-large',
          attributes='data-modal-id="pocket-mlk"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#pocket-mlk',
          image=resp_img('img/mozorg/diversity/2021/card-images/pocket-mlk.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
          </div>
          <div class="mzp-l-card-third">
          {{ card(
          title='Responding to anti-Asian racism and violence',
          ga_title='Responding to anti-Asian racism and violence',
          class='has-modal',
          attributes='data-modal-id="pocket-anti-asian-hate"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#pocket-anti-asian-hate',
          image=resp_img('img/mozorg/diversity/2021/card-images/pocket-anti-asian-hate.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
          {{ card(
          title='Talking to kids about gentrification, social justice, and activism',
          ga_title='Talking to kids about gentrification, social justice, and activism',
          class='has-modal',
          attributes='data-modal-id="pocket-talking-to-kids"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#pocket-talking-to-kids',
          image=resp_img('img/mozorg/diversity/2021/card-images/pocket-kids-gentrification.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
          {{ card(
          title='The women who powered the Civil Rights Movement',
          ga_title='The women who powered the Civil Rights Movement',
          class='has-modal',
          attributes='data-modal-id="pocket-women-of-the-movement"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#pocket-women-of-the-movement',
          image=resp_img('img/mozorg/diversity/2021/card-images/pocket-women-of-the-movement.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"})
          )}}
        </div>
        <div class="mzp-l-card-half">
          {{ card(
          title='More stories behind the podcasts: Slate’s latest curated collections on Pocket',
          ga_title='More stories behind the podcasts: Slate’s latest curated collections on Pocket',
          tag_label='Pocket x SLATE',
          class='has-modal',
          attributes='data-modal-id="pocket-slate"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#pocket-slate',
          image=resp_img('img/mozorg/diversity/2021/card-images/pocket-slate-podcast.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"})
          )}}
          {{ card(
          title='Coming of Age in a Hyper-online World',
          ga_title='Coming of Age in a Hyper-online World',
          tag_label='Pocket x Her Campus',
          class='has-modal',
          attributes='data-modal-id="pocket-hercampus"',
          aspect_ratio='mzp-has-aspect-16-9',
          link_url='#pocket-hercampus',
          image=resp_img('img/mozorg/diversity/2021/card-images/hercampus.jpg', optional_attributes={"loading": "lazy", "class": "mzp-c-card-image"}),
          )}}
        </div>
      </div>
    </div>
  </section>
  <!-- Modal content -->
  <div class="mzp-l-content js-modal-content">
    <!-- Pocket Latinx publications -->
    <article data-modal-parent="pocket-latinx-publications" id="pocket-latinx-publications" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/pocket-latin-publications.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">8 Latinx Publications You Should Read and Support Every Day</span></h2>
          <p class="mzp-c-card-feature-desc">A guide to great politics, lifestyle, and culture websites that center Latinx and Hispanic communities.</p>
          <a target="_blank" rel="external noopener" class="mzp-c-button mzp-t-secondary" href="https://getpocket.com/collections/8-latinx-publications-you-should-read-and-support-every-day">Learn more</a>
        </div>
      </div>
    </article>
    <!-- Pocket HBCU Homecoming -->
    <article data-modal-parent="pocket-hbcu-homecoming" id="pocket-hbcu-homecoming" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/pocket-hbcu-homecoming.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">Celebrating the history of HBCU homecoming</span></h2>
          <p class="mzp-c-card-feature-desc">Discover the sights, sounds, and traditions of Homecoming at historically Black colleges and universities. Archivist (and Spelman College grad) Amber L. Moore leads us on a digital tour.</p>
          <a target="_blank" rel="external noopener" class="mzp-c-button mzp-t-secondary" href="https://getpocket.com/collections/celebrating-the-history-of-hbcu-homecoming">Learn more</a>
        </div>
      </div>
    </article>
    <!-- Pocket migrant experience -->
    <article data-modal-parent="pocket-migrant-experience" id="pocket-migrant-experience" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/pocket-migrant-experience.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">How the internet is changing the migrant experience</span></h2>
          <p class="mzp-c-card-feature-desc">Journey through the many ways technology can bridge the distance for people living abroad; researcher Laura Vidal leads the way.</p>
          <a target="_blank" rel="external noopener" class="mzp-c-button mzp-t-secondary" href="https://getpocket.com/collections/how-the-internet-is-changing-the-migrant-experience">Learn more</a>
        </div>
      </div>
    </article>
    <!-- Pocket taking time off -->
    <article data-modal-parent="pocket-time-off" id="pocket-time-off" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/pocket-taking-time-off.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">How to make the most of time off</span></h2>
          <p class="mzp-c-card-feature-desc">Whether your break lasts a week or a weekend, learn the steps you can take to maximize enjoyment and minimize the stress of returning to work.</p>
          <a target="_blank" rel="external noopener" class="mzp-c-button mzp-t-secondary" href="https://getpocket.com/collections/how-to-make-the-most-of-time-off">Learn more</a>
        </div>
      </div>
    </article>
    <!-- Pocket Hispanic heritage month -->
    <article data-modal-parent="pocket-hispanic-heritage" id="pocket-hispanic-heritage" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/pocket-latinx.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">Latinos, language, and identity: the evolution of Hispanic Heritage month</span></h2>
          <p class="mzp-c-card-feature-desc">Award-winning journalist and EL ADN podcast host Victoria Leandra explores what the national event means for Latinos and the push for year-round recognition.</p>
          <a target="_blank" rel="external noopener" class="mzp-c-button mzp-t-secondary" href="https://getpocket.com/collections/latinos-language-and-identity-the-evolution-of-hispanic-heritage-month">Learn more</a>
        </div>
      </div>
    </article>
    <!-- Pocket mental health -->
    <article data-modal-parent="pocket-mental-health" id="pocket-mental-health" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/pocket-wellbeing.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">Mental health month series: Pocket’s Joy Lists</span></h2>
          <p class="mzp-c-card-feature-desc">A guide to finding your next favorite podcast episode, heartwarming personal essay, or reliably fantastic recipe.</p>
          <a target="_blank" rel="external noopener" class="mzp-c-button mzp-t-secondary" href="https://getpocket.com/collections/the-joy-list-project">Learn more</a>
        </div>
      </div>
    </article>
    <!-- Pocket MLK -->
    <article data-modal-parent="pocket-mlk" id="pocket-mlk" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/pocket-mlk.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">Remembering and honouring Dr. Martin Luther King Jr.</span></h2>
          <p class="mzp-c-card-feature-desc">There is so much more to Dr. Martin Luther King Jr.’s legacy than his iconic “I Have a Dream” speech — and so many ways to honor his memory. We pay tribute to the activist and icon with our collection of great writing by and about Dr. King.</p>
          <a target="_blank" rel="external noopener" class="mzp-c-button mzp-t-secondary" href="https://getpocket.com/collections/remembering-and-honoring-dr-martin-luther-king-jr-a-primer">Learn more</a>
        </div>
      </div>
    </article>
    <!-- Pocket anti-Asian hate -->
    <article data-modal-parent="pocket-anti-asian-hate" id="pocket-anti-asian-hate" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/pocket-anti-asian-hate.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">Responding to anti-Asian racism and violence</span></h2>
          <p class="mzp-c-card-feature-desc">Reckoning with America’s history of anti-Asian racism after the Atlanta shootings and an upsurge in violence against Asian Americans and Pacific Islanders.</p>
          <a target="_blank" rel="external noopener" class="mzp-c-button mzp-t-secondary" href="https://getpocket.com/collections/responding-to-anti-asian-racism-and-violence">Learn more</a>
        </div>
      </div>
    </article>
    <!-- Pocket Talking to kids about gentrification, .. -->
    <article data-modal-parent="pocket-talking-to-kids" id="pocket-talking-to-kids" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/pocket-kids-gentrification.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">Talking to kids about gentrification, social justice, and activism</span></h2>
          <p class="mzp-c-card-feature-desc">Take Back the Block author Chrystal D. Giles offers a reading list to help parents and children talk about class and social justice, and how kids can make their voices heard.</p>
          <a target="_blank" rel="external noopener" class="mzp-c-button mzp-t-secondary" href="https://getpocket.com/collections/talking-to-kids-about-gentrification-social-justice-and-activism-a-primer">Learn more</a>
        </div>
      </div>
    </article>
    <!-- Pocket women who powered the civil rights movement -->
    <article data-modal-parent="pocket-women-of-the-movement" id="pocket-women-of-the-movement" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/pocket-women-of-the-movement.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">The women who powered the Civil Rights Movement</span></h2>
          <p class="mzp-c-card-feature-desc">Journalist Deborah D. Douglas spotlights women — from legal scholars to activists, master quilters to first graders — whose actions remind us why the civil rights movement still matters.</p>
          <a target="_blank" rel="external noopener" class="mzp-c-button mzp-t-secondary" href="https://getpocket.com/collections/15-remarkable-women-who-powered-the-civil-rights-movement">Learn more</a>
        </div>
      </div>
    </article>
    <!-- Pocket x SLATE -->
    <article data-modal-parent="pocket-slate" id="pocket-slate" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/pocket-slate-podcast.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">More stories behind the podcasts: Slate’s latest curated collections on Pocket</span></h2>
          <p class="mzp-c-card-feature-desc">Pocket partnered with Slate to launch ‘Behind The Podcasts,’ an effort to provide deep-dive reads for podcast listeners. Pocket curated collections for Slate’s most popular podcast, Slow Burn. Hosted by Joel Anderson, Season Six of Slow Burn examined the 1992 Los Angeles riots following the acquittal of four Los Angeles Police Department (LAPD) officers in the brutal beating of Rodney King. Pocket curated 14 collections that provided additional context and research on the aftermath of the riots and it’s lasting impacts on the discourse of racial justice in America.</p>
          <a target="_blank" rel="external noopener" class="mzp-c-button mzp-t-secondary" href="https://blog.mozilla.org/en/products/pocket/slate-pocket-partnership-slow-burn-season-6/">Learn more</a>
        </div>
      </div>
    </article>
    <!-- Pocket x Her Campus -->
    <article data-modal-parent="pocket-hercampus" id="pocket-hercampus" class="mzp-c-card-feature mzp-has-aspect-16-9 mzp-l-card-feature-left-half">
      <div class="mzp-c-card-feature-media-wrapper">
        <div class="mzp-c-card-feature-media">
          {{ resp_img(
            url='img/mozorg/diversity/2021/card-images/hercampus.jpg',
            optional_attributes={
              'class': 'mzp-c-card-image',
              'width': '930',
              'height': '523',
              'loading': 'lazy'
            }
          ) }}
        </div>
      </div>
      <div class="mzp-c-card-feature-content">
        <div class="mzp-c-card-feature-content-container">
          <img src="{{ static('img/foundation/annualreport/2019/modal-dots-2.svg') }}" alt="" width="448" height="40">
          <h2 class="mzp-c-card-feature-title"><span class="highlight violet">Coming of Age in a Hyper-online World</span></h2>
          <p class="mzp-c-card-feature-desc">In May 2021, Pocket and Her Campus teamed up to announce an essay contest asking college students what it’s like to come of age in a hyper-online world for a $5,000 cash prize and the opportunity to be published and promoted on Pocket. There were over 800 entries, and the winner of the contest was Esther Omole. Ms. Omole illuminated the trials of online life for Black women that often include damaging stereotypes and harassment and how she reclaimed her experience and found refuge in spaces created for and by Black women.</p>
          <a target="_blank" rel="external noopener" class="mzp-c-button mzp-t-secondary" href="https://blog.mozilla.org/en/products/pocket/college-esssay-contest-winner-mozilla-pocket-hercampus/">Learn more</a>
        </div>
      </div>
    </article>
  </div>
</main>

<div class="mzp-u-modal-content"></div>
{% endblock %}
